.dialogBackground {
  @apply fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity;
}

.dialogPanel {
  @apply w-full max-w-md transform overflow-hidden rounded-lg bg-white p-6 text-left align-middle shadow-xl transition-all;
}

.title {
  @apply text-lg font-medium leading-6 text-gray-900;
}

.selectInput,
.textInput {
  @apply block w-full rounded-md border-gray-300 shadow-sm text-black bg-gray-200 px-3 py-2;
}

.selectInput:active,
.textInput:active {
  @apply bg-gray-200;
}

.deleteButton {
  @apply inline-flex justify-center rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2;
}

.saveButton {
  @apply ml-4 inline-flex justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2;
}
